草庐IT

Scroll View

全部标签

Android多个HorizontalScrollView同步联动

多个HorizontalScrollView组件联动实现起来比较简单,看下面代码scrollView1.setOnScrollChangeListener(newView.OnScrollChangeListener(){@OverridepublicvoidonScrollChange(Viewview,inti,inti1,inti2,inti3){scrollView2.scrollTo(i,i1);}});scrollView2.setOnScrollChangeListener(newView.OnScrollChangeListener(){@Overridepublicvoido

iOS 模仿safari滑动隐藏或显示toobar

背景:写了一个通用web页面,左上角有个叉子可以直接关闭,底部有一个tabbar,tabbar上有前进和后退按钮,想做类似safari向下滑动显示tabbar,向上滑动隐藏tabbar。现在用的都是wkwebview,wkwebview上有一个scrollview,那么我们就监听scrollview的滑动,个人认为比直接修改scrollview的delegate来得好,因为说不定系统实现什么功能。核心代码://放到init或viewDidLoad中wkwebView.scrollView.addObserver(self,forKeyPath:"contentOffset",options:.

iOS 模仿safari滑动隐藏或显示toobar

背景:写了一个通用web页面,左上角有个叉子可以直接关闭,底部有一个tabbar,tabbar上有前进和后退按钮,想做类似safari向下滑动显示tabbar,向上滑动隐藏tabbar。现在用的都是wkwebview,wkwebview上有一个scrollview,那么我们就监听scrollview的滑动,个人认为比直接修改scrollview的delegate来得好,因为说不定系统实现什么功能。核心代码://放到init或viewDidLoad中wkwebView.scrollView.addObserver(self,forKeyPath:"contentOffset",options:.

scrollview、tableView嵌套解决方案

在网上找了很多,没有喜欢的方案。也参考了众多设计,做了一款自认为比较简洁、完美的方案:大致思路:外层放置scrollview作为容器,容器内上部分topView,下部分tableView。当tableView滚动时,如果topView还在展示区域,就设置topView的y坐标,让topView跟随同步上移。(注意:如果不设置tableView的headerView,tableView、和topView都会同时上移不是我想要的效果,所以设置tableView的headerView高度包括topView的高度,达到了完美的效果,具体实现看demo)效果预览:NestScrollView.gif核心

scrollview、tableView嵌套解决方案

在网上找了很多,没有喜欢的方案。也参考了众多设计,做了一款自认为比较简洁、完美的方案:大致思路:外层放置scrollview作为容器,容器内上部分topView,下部分tableView。当tableView滚动时,如果topView还在展示区域,就设置topView的y坐标,让topView跟随同步上移。(注意:如果不设置tableView的headerView,tableView、和topView都会同时上移不是我想要的效果,所以设置tableView的headerView高度包括topView的高度,达到了完美的效果,具体实现看demo)效果预览:NestScrollView.gif核心

Android带有粘性头部的ScrollView

前言,一天在点外卖的时候,注意到饿了么列表页的滑动效果不错,但是觉得其中的手势滑动还是挺复杂的,正好又碰到了在熟悉Touch事件的理解当中,所以就抽空对着饿了么的列表页面尝试写写这个效果1.先贴一个实现的效果图逻辑是当外部的ScrollView没有滑到底部的时候,往上滑动的时候,是滑动外部的ScrollView,当外部的ScrollView到达底部的时候,我们再网上滑,就是滑动内部的列表了,另外在左右滑动的时候,当左右滑动的距离大于minPageSlop的话,那么就执行左右滑动。如下是仿饿了么的列表页的效果图:2.引入在项目根目录的build.gradle文件下增加jitpack的repo地址

Android带有粘性头部的ScrollView

前言,一天在点外卖的时候,注意到饿了么列表页的滑动效果不错,但是觉得其中的手势滑动还是挺复杂的,正好又碰到了在熟悉Touch事件的理解当中,所以就抽空对着饿了么的列表页面尝试写写这个效果1.先贴一个实现的效果图逻辑是当外部的ScrollView没有滑到底部的时候,往上滑动的时候,是滑动外部的ScrollView,当外部的ScrollView到达底部的时候,我们再网上滑,就是滑动内部的列表了,另外在左右滑动的时候,当左右滑动的距离大于minPageSlop的话,那么就执行左右滑动。如下是仿饿了么的列表页的效果图:2.引入在项目根目录的build.gradle文件下增加jitpack的repo地址

ScrollView(RecyclerView等)为什么会自动滚动原理分析,还有阻止自动滑动的解决方

引言,有一天我在调试一个界面,xml布局里面包含ScrollView,里面嵌套了recyclerView的时候,界面一进去,就自动滚动到了recyclerView的那部分,百思不得其解,上网查了好多资料,大部分只是提到了解决的办法,但是对于为什么会这样,都没有一个很好的解释,本着对技术的负责的态度,花费了一点时间将前后理顺了下1.首先在包含ScrollView的xml布局中,我们在一加载进来,ScrollView就自动滚动到获取焦点的子view的位置,那我们就需要看下我们activity的onCreate中执行了什么?答:当我们在activity的onCreate方法中调用setContent

ScrollView(RecyclerView等)为什么会自动滚动原理分析,还有阻止自动滑动的解决方

引言,有一天我在调试一个界面,xml布局里面包含ScrollView,里面嵌套了recyclerView的时候,界面一进去,就自动滚动到了recyclerView的那部分,百思不得其解,上网查了好多资料,大部分只是提到了解决的办法,但是对于为什么会这样,都没有一个很好的解释,本着对技术的负责的态度,花费了一点时间将前后理顺了下1.首先在包含ScrollView的xml布局中,我们在一加载进来,ScrollView就自动滚动到获取焦点的子view的位置,那我们就需要看下我们activity的onCreate中执行了什么?答:当我们在activity的onCreate方法中调用setContent